﻿@model CCS.WebApp.ViewModels.Category.CategoryListViewModel
@{
    ViewBag.Title = "Index";
}

@section category {
    @Html.Partial("_CategoryTopMenu", Model.Categories)
}

<div id="category-container">  

  <div id="category-side">
  <h1>@Model.Category.Name</h1>
      <ul>
          @foreach (var item in Model.Items)
          {
            <li><a href="/Item/@item.Id">@item.Name</a></li>    
          }
      </ul>
  </div>
<div id="category-main">
    <div id="product-loop-ace-of-skulls-dress" class="product productfirst">
        <div class="image">
            <a href="/collections/dresses/products/ace-of-skulls-dress" class="defaultimage"><img src="uploaded/AceofSkullsDress_1_large.jpg" alt="Ace of Skulls Dress - LIMITED" /></a>
            <a href="/collections/dresses/products/ace-of-skulls-dress" class="rollimage"><img src="uploaded/AceofSkullsDress_3_large.jpg" alt="Ace of Skulls Dress - LIMITED" /></a>
        </div>
        <div class="details clearfix">
            <a href="/collections/dresses/products/ace-of-skulls-dress">
                <span class="title">Ace of Skulls Dress - LIMITED</span>
            </a>
            <div>Available : 
      
      
      
                <span>S</span>
      
                , <span>M</span>
      
                , <span>L</span></div>
            <div class="price"><span class='money'>$99.00 AUD</span></div>
        </div>
    </div>
        
    <div id="product-loop-ancient-maps-dress" class="product productmiddle">
        <div class="image">
            <a href="/collections/dresses/products/ancient-maps-dress" class="defaultimage"><img src="uploaded/AncientMapsDress_1_large.jpg" alt="Ancient Maps Dress" /></a>
            <a href="/collections/dresses/products/ancient-maps-dress" class="rollimage"><img src="uploaded/AncientMapsDress_3_large.jpg" alt="Ancient Maps Dress" /></a>
        </div>
        <div class="details clearfix">
            <a href="/collections/dresses/products/ancient-maps-dress">
                <span class="title">Ancient Maps Dress</span>
            </a>
            <div>Available : 
      
                <span>XS</span>
      
                , <span>S</span>
      
                , <span>M</span>
      
                , <span>L</span></div>
            <div class="price"><span class='money'>$99.00 AUD</span></div>
        </div>
    </div>
        
    <div id="product-loop-artoo-2-0-dress" class="product productlast">
        <div class="image">
            <a href="/collections/dresses/products/artoo-2-0-dress" class="defaultimage"><img src="uploaded/SW0016_Artoo2.0Dress_01_large.jpg" alt="Artoo 2.0 Dress" /></a>
            <a href="/collections/dresses/products/artoo-2-0-dress" class="rollimage"><img src="uploaded/SW0016_Artoo2.0Dress_04_large.jpg" alt="Artoo 2.0 Dress" /></a>
        </div>
        <div class="details clearfix">
            <a href="/collections/dresses/products/artoo-2-0-dress">
                <span class="title">Artoo 2.0 Dress</span>
            </a>
            <div>Available : 
      
                <span>XS</span>
      
                , <span>S</span>
      
                , <span>M</span>
      
                , <span>L</span></div>
            <div class="price"><span class='money'>$130.00 AUD</span></div>
        </div>
    </div> 
  
    <div style="clear:both">
    </div>
</div>

</div>